<!--页面主要内容-->
<main class="lyear-layout-content">

    <div class="container-fluid p-t-15">

        <div class="row">

            <div class="col-lg-12">
                <div class="card">
                    <ul class="nav nav-tabs page-tabs pt-2 pl-3 pr-3">
                        <li class="nav-item"> <a href="#!" class="nav-link active">基本配置</a> </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active">

                            <form method="post" enctype="multipart/form-data">
                                {foreach $ConfigList as $item}
                                    {if $item.type == 'text'}
                                        <div class="form-group">
                                            <label for="{$item.key}">{$item.title}</label>
                                            <input class="form-control" type="text" id="{$item.key}" name="{$item.key}" value="{$item.value}" placeholder="请输入{$item.title}">
                                        </div>
                                    {elseif $item.type == 'file'}
                                        <div class="form-group">
                                            <label for="{$item.key}">{$item.title}</label>
                                            <input class="form-control {$item.key}" type="file" id="{$item.key}" name="{$item.key}" hidden>
                                            <img class="img-thumbnail img-{$item.key} d-block" style="width: 200px;" src="{$item.value ? $item.value : '/static/admin/images/upload.png'}" alt="">
                                            <button class="btn btn-default" type="button" style="margin-top: 20px;" onclick="$(this).prevAll('input[type=file]').click()">上传</button>
                                        </div>
                                    {/if}
                                {/foreach}
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary m-r-5">确 定</button>
                                    <button type="button" class="btn btn-default" onclick="javascript:history.back(-1);return false;">返 回</button>
                                </div>
                            </form>

                        </div>
                    </div>

                </div>
            </div>

        </div>

    </div>

</main>
<!--End 页面主要内容-->


<script>
    

    $('.favicon').change(function(){
        let file = $(this)[0].files[0] ? $(this)[0].files[0] : {};
        let src = GetObjectURL(file)
        $('.img-favicon').attr("src", src)
    })

    $('.Logo').change(function(){
        let file = $(this)[0].files[0] ? $(this)[0].files[0] : {};
        let src = GetObjectURL(file)
        $('.img-Logo').attr("src", src)
    })
</script>